<template>
  <div class="FeatureView">
    <div class="ferture">
      <a :href="recommends.link">
        <img src="@/assets/img/home/recommend_bg.jpg" alt=""
      /></a>
    </div>
  </div>
</template>

<script>
import { getHomeMultidata } from "../../network/home.js";
export default {
  name: "FeatureView",
  data() {
    return {
      recommends: [],
    };
  },
  created() {
    // 1.请求多个数据
    this.getHomeMultidata();
  },
  //网络请求
  methods: {
    getHomeMultidata() {
      getHomeMultidata().then((res) => {
        this.recommends = res.data.recommend.list[0];
        //console.log(res.data.recommend.list[0]);
      });
    },
  },
};
</script>

<style scoped>
.ferture img {
  width: 100%;
}
</style>